<!-- 运营特色 -->
<template>
  <div>
	<Row :gutter="16">
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card1">
				<span>运营特色</span>
			</Card>
		</Col>
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card2">
				<img src="../../assets/feature/feature01.jpg">
			</Card>
		</Col>
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card1">
				<span>营销方案</span>
			</Card>
		</Col>
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card2">
				<img src="../../assets/feature/feature01.jpg">
			</Card>
		</Col>
	</Row>
	<Row :gutter="16">
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card2">
				<img src="../../assets/feature/feature01.jpg">
			</Card>
		</Col>
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card3">
				<span>物业服务</span>
				<Button class="btn">了解详情</Button>
			</Card>
		</Col>
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card2">
				<img src="../../assets/feature/feature01.jpg">
			</Card>
		</Col>
		<Col span="6">
			<Card :padding="0" :dis-hover="true" class="card1">
				<span>运营推广</span>
			</Card>
		</Col>
	</Row>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped lang="less">
	.card1 {
		width: 100%;
		height: 335px;
		background-color: #709eca;
		text-align: center;
		span {
			font:30px/335px "Microsoft YaHei";
			color: #fff;
		}
	}
	.card2 {
		img {
			max-width: 100%;
			height: 100%;
		}
	}
	.card3 {
		width: 100%;
		height: 335px;
		border: 1px solid #108beb;
		text-align: center;
		span {
			display: block;
			margin: 120px 0 25px 0;
			font: 30px/30px "Microsoft YaHei";
			color: #5b84ac;
		}
		.btn {
			width: 115px;
			height: 45px;
			background-color: #5e88b0;
			font: 20px/20px "Microsoft YaHei";
			color: #fff;
		}
	}
</style>